<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解决方案</title>
    <link rel="stylesheet" href="css/解决方案-详情.css">
</head>

<body>
    <header>
        <div class="banner1">
            <div class="banner1-con">
                <h1><img src="image/logo_02.jpg" alt=""></h1>
                <ul class="firstul">
                    <li>
                        <a href="home.html">网站首页</a>
                    </li>
                    <li>
                        <a href="#">传悦资源</a>
                    </li>
                    <li>
                        <a href="caselist.html">传悦案例</a>
                    </li>
                    <li>
                        <a href="#">传悦服务</a>
                    </li>
                    <li>
                        <a href="solutionlist.html" style="background-color:#dd4012 ;">解决方案</a>
                    </li>
                    <li>
                        <a href="#">需求提交</a>
                    </li>
                </ul>
                <ul class="secondul">
                    <li class="first">0535-60652189</li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </header>
    <section>
        <div class="tabbanner">
        </div>
    </section>
    <footer>
        <div class="bottom">
            <h1><img src="image/bottom_logo.png" alt="">
            </h1>
            <div class="right">
                <ul>
                    <li>关于传说</li>
                    <li>新闻动态</li>
                    <li>传悦观点</li>
                    <li>联系传悦</li>
                    <li>加入传悦</li>
                    <li style="margin-right: 4px;">付款账户</li>
                </ul>
                <h2>Copright 2013 创梦网络科技有限责任公司 || 传悦 Chnyoo.cn All Rights Received &nbsp;&nbsp;&nbsp;京ICP备12005221号</h2>
            </div>
        </div>
    </footer>
</body>

</html>
<script>
    String.prototype.parseUrl = function() {
        if (this.indexOf("?") === -1) {
            return {};
        }
        let result = {}
        this.slice(this.indexOf("?") + 1).split("&").forEach(item => {
            let arr = item.split("=");
            result[arr[0]] = arr[1]
        })
        return result;
    }
    let id = location.href.parseUrl().id;

    let http = new XMLHttpRequest();
    http.open("get", `http://10.35.164.24:81/solutiondetails?id=${id}`);
    http.send();
    http.onreadystatechange = function() {
        if (http.readyState === 4) {
            let solus = JSON.parse(http.responseText);
            solus.forEach(function(item) {
                document.querySelector(".tabbanner").innerHTML = item.bigbox;
            });
        }
    }
</script>